<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>阿拉尔农业资源管理系统</title>
		<script type="text/javascript" src="js/bootstrap.js" ></script>
		<script type="text/javascript" src="js/bootstrap.min.js" ></script>
		<script type="text/javascript" src="js/npm.js" ></script>
		<script type="text/javascript" src="js/layui.all.js" ></script>
		<script type="text/javascript" src="js/layui.js" ></script>
		<link rel="stylesheet" href="css/bootstrap-theme.css" />
		<link rel="stylesheet" href="css/bootstrap-theme.min.css" />
		<link rel="stylesheet" href="css/bootstrap.css" />
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<link rel="stylesheet" href="css/layui.css" media="all"/>
		<style>
			*{
				margin: 0;
				padding: 0;
			}
			.head{
				width: 70%;
				margin-left: 15%;
				margin-right: 15%;
				box-shadow: 10px 10px 5px #888888;
			}
			.head1{
				height: 30px;
				background-color: #7AC9DB;
				
			}
			.head2{
				height: 200px;
				background-color: #E4F1F6;
				background-image: url(img/index.jpg);
				background-size: 100% 100%;
			}
			.head3{
				height: 40px;
				background-color:#7AC9DB;
				margin-top:-10px ;
			}
			.ul-style{
				margin-left: 20px;
			}
			.li-style{
				list-style-type: none;
				float: left;
				margin-left: 5px;
				margin-right: 5px;
				margin-top: 8px;
				font-size: 16px;
				color: white;
				width: 102px;
				border: solid #FFFFFF 1px;
				text-align: center;
				border-radius:25px;	
			}
			.li-style:hover{
				border: 1px solid #66afe9; 
				box-shadow: 0px 0px 10px 0px #66afe9;
				color: #66afe9;
			}
			.alaer{
				font-family: "&#x96B6;&#x4E66";
				font-size: 34px;
				margin-left: 50px;
				font-weight: 1000;
				-webkit-text-stroke: 1px :white;
				-webkit-text-fill-color: black;
			}
			.nongye{
				margin-left: 200px;
				font-size: 30px;
				font-family: "&#x65B9;&#x6B63;&#x59DA;&#x4F53";
				font-weight: 1000;
				-webkit-text-stroke: 1px: white;
				-webkit-text-fill-color: black;
				margin-top: 10px;
			}
			.main{
				height: 40px;
				background-color: #E4F1F6;
			}
			.time{
				font-size: 15px;
				width: 250px;
				height: 40px;
				text-align: center;
				vertical-align:middle;
				display: table-cell;
			}
			
			.biaoti{
				  background: url('https://raw.githubusercontent.com/ourjs/static/gh-pages/2015/arrow.png') right center no-repeat; 
				   /* the width and the height of your image */
				    width: 80px;
				    height: 34px;
				    overflow: hidden;
				    border: solid 1px #ccc;
				    float: left;
				    border-radius: 3px;
			}
			.shuru{
				/*background-color: #EB9316;*/
				width: 400px;
				height: 38px;
				position: relative;
				left: 630px;
				top: -38px;
			}
			.biaoti select{
				-webkit-appearance:none;
			    -moz-appearance:none;
			    appearance:none;
			    background:transparent;
			    border:none;
			    padding-left:10px;
			    width: 120px;
			    height:100%;    
			} 
			.input{
			  border: solid 1px #ccc;
              float: left;
              width: 150px;
              height: 34px;
              margin-left: 5px;
              border-radius: 3px;
              margin-right: 5px;
              color:#999;
              -web-kit-appearance:none;
              -moz-appearance: none;
			}
           .input:focus{
	          outline: 0;
	          border: 1px solid #66afe9;
	          box-shadow: 0px 0px 10px 0px #66afe9;
             } 
             .main1{
             	background-color: #E4F1F6;
                 height: 800px;
                 margin-top: -35px;   
             }
         .layui-col-md4{
         	margin-right: 15px;
         	margin-top: -17px;
         	margin-left: 1px;
         	height: 300px;
         	border:1px dashed #000; 
         }
         .layui-col-md3{
              width: 282px;
         	margin-top: -17px;
         	height: 300px;
         	border:1px dashed #000; 
         }
         .layui-carousel{
         	border-radius:15px;
         }
         .src{
         	width: 100%;
         	height: 300px;
         	border-radius:15px;
         }
         .lunbo{
         	border-radius:15px;
         }
         .xiaobiao{
         	background-color: #C4E3F3;
         	width: 100%;
         	height: 30px;
         }
         #jiantou{	
				vertical-align:middle;
				display: table-cell;
				position: relative;
				top: 5px;
				left: 5px;
         }
         .timu{
         	
         	width: 100px;
         	position: relative;
         	left: 30px;
         	top: -15px;
         	font-size: 16px;
         	font-style: normal;
         	font-weight: 800;
         }
         #more{
         	position: relative;
         	left: 270px;
         	top: -33px;
         }
         #more1{
         	position: relative;
         	left: 238px;
         	top: -33px;
         }
         #layui-row1{
         	
         	position: relative;
         	top: 25px;
         }
         .table table{
         	/*margin-left: 10px;*/
         	margin-top: -10px;
         }
         .table table tr{
         	height: 30px;
         }
        .table table tr td{
        	text-align:left;
        }
        .tdone{
        	border-bottom:1px dashed darkgray; 
        }
        .flooer{
        	width: 100%;
        	height: 200px;
        	
        }
       .neiqian{
       	   margin-top: 30px;
       	    margin-left: 45px;
       	    width: 90%;
       	    height: 150px;
          	background-color: gainsboro;
          	position: relative;
          	top: 15px;
       }
       .banquan{
       	        margin-top: 60px;
       	        margin-bottom: 0;
	       	    width: 900px;
	       	    height: 80px;
				text-align: center;
				vertical-align:middle;
				display: table-cell;
				
       }
       .xinxi{
       	float: left;
       	margin-left: 60px;
       	
       	
       }
       .ur-xinxi{
       	width: 100%;
       	height: 50px;
       	
       }
		</style>
		
	</head>
	<body>
		<div class="head">
		<div class="head1"></div>
		<div class="head2">
			<div class="alaer"><span>阿拉尔</span></div>
			<div class="nongye"><span>农业资源管理系统</span></div>
		</div>
		<div class="head3">
			<ul class="ul-style">
				<li class="li-style">首页</li>
				<li class="li-style">项目概况</li>
				<li class="li-style">农业新闻</li>
				<li class="li-style">农业技术</li>
				<li class="li-style">特色产品</li>
				<li class="li-style">工作动态 </li>
				<li class="li-style">交流论坛</li>
				<li class="li-style">系统入口</li>
			</ul>
		</div>
		<div class="main">
				<div class="time">
				今天是2019年			</div>
			<div class="shuru">
				<div class="biaoti">
					<select>
				      <option>标题</option>
				      <option>the</option>
				      <option>hell</option>
                  </select>
				</div>
				<div >
					<input type="text" class="input" placeholder="请输入内容"/>
				</div>
			   <div class="sousu">
				<input class="btn btn-default" type="button" value="搜索">
			   </div>
			 </div>
		 </div>
		 <hr />
		<div class="main1">
			<div class="layui-row layui-col-space1" id="layui-row">
                    <div class="layui-col-md4" style="border-radius:15px;">
					   <div class="layui-carousel" id="test1" >
						  <div carousel-item class="lunbo">
						    <div><img src="img/heng-fyrwsqi6009417.jpg"class="src"></div>
						    <div><img src="img/156827898.jpg"class="src"></div>
						    <div><img src="img/heng-fyrwsqi6009417.jpg"class="src"></div>
						    <div><img src="img/农一师的香梨曾获全国农业博览会金奖.JPG"class="src"></div>
						  </div>
						</div>
					  </div>
					<div class="layui-col-md4">
							<div class="xiaobiao">
								<div class="layui-icon layui-icon-right" id="jiantou"></div>
								<div class="timu" >工作动态</div>
								<a href="http://www.layui.com" class="layui-btn layui-btn-xs" id="more">更多</a>
								<div class="table">
									<table width="95%" border="0" cellspacing="1" cellpadding="0">
										<tr>
											<td  width="30"   ><center>   <span class="layui-icon layui-icon-rate-solid"></span></center> </td>
											<td class="tdone">DIVCSS5</td>
										</tr>
										<tr>
											<td  width="30"   ><center>   <span class="layui-icon layui-icon-rate-solid"></span></center> </td>
											<td class="tdone">DIVCSS5</td>
										</tr>
										<tr>
											<td  width="30"   ><center>   <span class="layui-icon layui-icon-rate-solid"></span></center> </td>
											<td class="tdone">DIVCSS5</td>
										</tr>
										<tr>
											<td  width="30"   ><center>   <span class="layui-icon layui-icon-rate-solid"></span></center> </td>
											<td class="tdone">DIVCSS5</td>
										</tr>
										<tr>
											<td  width="30"   ><center>   <span class="layui-icon layui-icon-rate-solid"></span></center> </td>
											<td class="tdone">DIVCSS5</td>
										</tr>
										<tr>
											<td  width="30"   ><center>   <span class="layui-icon layui-icon-rate-solid"></span></center> </td>
											<td class="tdone">DIVCSS5</td>
										</tr>
										<tr>
											<td  width="30"   ><center>   <span class="layui-icon layui-icon-rate-solid"></span></center> </td>
											<td class="tdone">DIVCSS5</td>
										</tr>
										
									</table>
								</div>
							
							</div>	    
					</div>
					<div class="layui-col-md3 " >
							<div class="xiaobiao">
								<div class="layui-icon layui-icon-right" id="jiantou"></div>
								<div class="timu" >公告</div>
								<a href="http://www.layui.com" class="layui-btn layui-btn-xs" id="more1">更多</a>
								<div class="table">
									<table width="95%" border="0" cellspacing="1" cellpadding="0">
										<tr>
											<td  width="30"   ><center>   <span class="layui-icon layui-icon-rate-solid"></span></center> </td>
											<td class="tdone">DIVCSS5</td>
										</tr>
										<tr>
											<td  width="30"   ><center>   <span class="layui-icon layui-icon-rate-solid"></span></center> </td>
											<td class="tdone">DIVCSS5</td>
										</tr>
										<tr>
											<td  width="30"   ><center>   <span class="layui-icon layui-icon-rate-solid"></span></center> </td>
											<td class="tdone">DIVCSS5</td>
										</tr>
										<tr>
											<td  width="30"   ><center>   <span class="layui-icon layui-icon-rate-solid"></span></center> </td>
											<td class="tdone">DIVCSS5</td>
										</tr>
										<tr>
											<td  width="30"   ><center>   <span class="layui-icon layui-icon-rate-solid"></span></center> </td>
											<td class="tdone">DIVCSS5</td>
										</tr>
										<tr>
											<td  width="30"   ><center>   <span class="layui-icon layui-icon-rate-solid"></span></center> </td>
											<td class="tdone">DIVCSS5</td>
										</tr>
										<tr>
											<td  width="30"   ><center>   <span class="layui-icon layui-icon-rate-solid"></span></center> </td>
											<td class="tdone">DIVCSS5</td>
										</tr>
										
									</table>
								</div>
							</div>	    	   
					</div>
				</div>
				
		<div class="layui-row layui-col-space1" id="layui-row1">
                    <div class="layui-col-md4" >
					  <div class="xiaobiao">
								<div class="layui-icon layui-icon-right" id="jiantou"></div>
								<div class="timu" >农业技术</div>
								<a href="http://www.layui.com" class="layui-btn layui-btn-xs" id="more">更多</a>
							<div class="table">
									<table width="95%" border="0" cellspacing="1" cellpadding="0">
										<tr>
											<td  width="30"   ><center>   <span class="layui-icon layui-icon-rate-solid"></span></center> </td>
											<td class="tdone">DIVCSS5</td>
										</tr>
										<tr>
											<td  width="30"   ><center>   <span class="layui-icon layui-icon-rate-solid"></span></center> </td>
											<td class="tdone"> DIVCSS5</td>
										</tr>
										<tr>
											<td  width="30"   ><center>   <span class="layui-icon layui-icon-rate-solid"></span></center> </td>
											<td class="tdone">DIVCSS5</td>
										</tr>
										<tr>
											<td  width="30"   ><center>   <span class="layui-icon layui-icon-rate-solid"></span></center> </td>
											<td class="tdone">DIVCSS5</td>
										</tr>
										<tr>
											<td  width="30"   ><center>   <span class="layui-icon layui-icon-rate-solid"></span></center> </td>
											<td class="tdone">DIVCSS5</td>
										</tr>
										<tr>
											<td  width="30"   ><center>   <span class="layui-icon layui-icon-rate-solid"></span></center> </td>
											<td class="tdone">DIVCSS5</td>
										</tr>
										<tr>
											<td  width="30"   ><center>   <span class="layui-icon layui-icon-rate-solid"></span></center> </td>
											<td class="tdone">DIVCSS5</td>
										</tr>
										
									</table>
								</div>
					  </div>	    
						
					  </div>
					<div class="layui-col-md4">
							<div class="xiaobiao">
								<div class="layui-icon layui-icon-right" id="jiantou"></div>
								<div class="timu" >农业新闻</div>
								<a href="http://www.layui.com" class="layui-btn layui-btn-xs" id="more">更多</a>
							<div class="table">
									<table width="95%" border="0" cellspacing="1" cellpadding="0">
										<tr>
											<td  width="30"   ><center>   <span class="layui-icon layui-icon-rate-solid"></span></center> </td>
											<td class="tdone">DIVCSS5</td>
										</tr>
										<tr>
											<td  width="30"   ><center>   <span class="layui-icon layui-icon-rate-solid"></span></center> </td>
											<td class="tdone">DIVCSS5</td>
										</tr>
										<tr>
											<td  width="30"   ><center>   <span class="layui-icon layui-icon-rate-solid"></span></center> </td>
											<td class="tdone">DIVCSS5</td>
										</tr>
										<tr>
											<td  width="30"   ><center>   <span class="layui-icon layui-icon-rate-solid"></span></center> </td>
											<td class="tdone">DIVCSS5</td>
										</tr>
										<tr>
											<td  width="30"   ><center>   <span class="layui-icon layui-icon-rate-solid"></span></center> </td>
											<td class="tdone">DIVCSS5</td>
										</tr>
										<tr>
											<td  width="30"   ><center>   <span class="layui-icon layui-icon-rate-solid"></span></center> </td>
											<td class="tdone">DIVCSS5</td>
										</tr>
										<tr>
											<td  width="30"   ><center>   <span class="layui-icon layui-icon-rate-solid"></span></center> </td>
											<td class="tdone">DIVCSS5</td>
										</tr>
										
									</table>
								</div>
							</div>	    
					</div>
					<div class="layui-col-md3 " >
							<div class="xiaobiao">
								<div class="layui-icon layui-icon-right" id="jiantou"></div>
								<div class="timu" >系统简介</div>
								<a href="http://www.layui.com" class="layui-btn layui-btn-xs" id="more1">更多</a>
							<div class="table">
									<table width="95%" border="0" cellspacing="1" cellpadding="0">
										<tr>
											<td  width="30"   ><center>   <span class="layui-icon layui-icon-rate-solid"></span></center> </td>
											<td class="tdone">DIVCSS5</td>
										</tr>
										<tr>
											<td  width="30"   ><center>   <span class="layui-icon layui-icon-rate-solid"></span></center> </td>
											<td class="tdone">DIVCSS5</td>
										</tr>
										<tr>
											<td  width="30"   ><center>   <span class="layui-icon layui-icon-rate-solid"></span></center> </td>
											<td class="tdone">DIVCSS5</td>
										</tr>
										<tr>
											<td  width="30"   ><center>   <span class="layui-icon layui-icon-rate-solid"></span></center> </td>
											<td class="tdone">DIVCSS5</td> 
										</tr>
										<tr>
											<td  width="30"   ><center>   <span class="layui-icon layui-icon-rate-solid"></span></center> </td>
											<td class="tdone">DIVCSS5</td>
										</tr>
										<tr>
											<td  width="30"   ><center>   <span class="layui-icon layui-icon-rate-solid"></span></center> </td>
											<td class="tdone">DIVCSS5</td>
										</tr>
										<tr>
											<td  width="30"   ><center>   <span class="layui-icon layui-icon-rate-solid"></span></center> </td>
											<td class="tdone">DIVCSS5</td>
										</tr>
										
									</table>
								</div>
							</div>	    	   
					</div>
				</div>
				<div class="flooer">
					<div class="neiqian">
						<div class="banquan">版权所有：塔里木大学</div>
						<ul class="ur-xinxi">
							<li class="xinxi">地址：新疆阿拉尔</li>
							<li class="xinxi">邮编：843300</li>
							<li class="xinxi">电话：0997-4680625</li>
							<li class="xinxi">邮箱：weify1996@163.com</li>
						</ul>
					</div>
					
				</div>
              
             
		</div>
		</div>
		<script>
			layui.use('carousel', function(){
			  var carousel = layui.carousel;
			  //建造实例
			  carousel.render({
			    elem: '#test1'
			    ,width: '100%'
			    ,height: '295px'//设置容器宽度
			    ,arrow: 'always'//始终显示箭头
			    //,anim: 'updown' //切换动画方式
			  });
			});
        </script>
	</body>
</html>
